import "./style/style.css";
import "./style/tailwind.css";

import { createApp } from "vue";
import { createPinia } from "pinia";
import { plugin as FormKitPlugin } from "@formkit/vue";
import FormKitConfig from "./formkit/formkit.config";

import App from "./App.vue";
import router from "./router";
import DaisyLoadingPlugin from "./components/daisy-loading/daisy.loading";
import SimpleToastPlugin from "./components/simple-toast/component.plugin";

import { OhVueIcon, addIcons } from "oh-vue-icons";
import {
  RiDashboard2Line,
  RiArticleLine,
  RiPagesLine,
  LaCommentDotsSolid,
  OiFileDirectory,
  RiLink,
  RiMenu2Fill,
  RiShieldUserLine,
  RiUser3Line,
  RiSettings3Line,
  LaExclamationSolid,
} from "oh-vue-icons/icons";
addIcons(
  RiDashboard2Line,
  RiArticleLine,
  RiPagesLine,
  LaCommentDotsSolid,
  OiFileDirectory,
  RiLink,
  RiMenu2Fill,
  RiShieldUserLine,
  RiUser3Line,
  RiSettings3Line,
  LaExclamationSolid,
);

const app = createApp(App);
app.use(createPinia());
app.use(router);
app.use(FormKitPlugin, FormKitConfig);
app.use(DaisyLoadingPlugin);
app.use(SimpleToastPlugin);
app.component("v-icon", OhVueIcon);
app.mount("#app");
